<table width="100%" align="center" cellpadding="1" cellspacing="1" class="table table-bordered table-hover table-striped">
  <tr class="info">
    <td width="15%" align="center">学号</td>
    <td width="11%" align="center">姓名</td>
    <td width="14%" align="center">性别</td>
    <td width="16%" align="center">民族</td>
    <td width="15%" align="center">籍贯</td>
    <td width="21%" align="center">个人电话</td>
    <td width="8%" align="center">详细</td>
  </tr>
  <volist name="class" id="vo">
  <tr style="height:30px;">
    <td align="center"><{$vo.sid}>&nbsp;</td>
    <td align="center"><{$vo.name}>&nbsp;</td>
    <td align="center"><{$vo.sex}>&nbsp;</td>
    <td align="center"><{$vo.nation}>&nbsp;</td>
    <td align="center"><{$vo.birthplace}>&nbsp;</td>
    <td align="center"><{$vo.phone}>&nbsp;</td>
    <td align="center"><a name="look" title="<{$vo.sid}>">查看</a></td>
  </tr>
  </volist>
</table>
<script>
    var looks=document.getElementsByName("look");
    for(var w=0;w<looks.length;w++){
        looks[w].onclick=function(){
            showDetail(this.title);
        }
    }
</script>